html,
body {
	margin: 0;
	height: 100%;
}

.map_parallel {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: center;
	align-items: stretch;
	height: 50%;
}

.map_select {
	width: 40%;
	flex-shrink: 0;
}

#other {
	width: 100%;
	height: 20px;
}

.map,.map_g {
	width: 100%;
	height: 100%;
}

.div_parallel {
	width: 60%;
	flex: 1;
	height: 100%;
	left: 20px;
}

.parallel_svg {
	width: 100%;
	height: 100%;
}

#other_parallel {
	width: 100%;
	height: 20px;
}

.label_Item {
	position: relative;
	left: 190px;
	width: 70px;
	height: 20px;
}

.ItemSelect {
	position: relative;
	left: 200px;
	width: 80px;
	height: 20px;
}

.SeasonSelect {
	position: relative;
	left: 220px;
	width: 90px;
	height: 20px;
}

.recover {
	position: relative;
	left: 240px;
	width: 90px;
	height: 20px;
}

.yinner_line,
.xinner_line {
	stroke: #ccc;
	stroke-width: 1;
	opacity: 0.5;
}

.background path {
	fill: none;
	stroke: #ccc;
	stroke-opacity: .4;
	shape-rendering: crispEdges;
}

.foreground path {
	fill: none;
	stroke: steelblue; 
	stroke-opacity: 1;
}

.brush .extent {
	fill-opacity: .3;
	stroke: #fff;
	shape-rendering: crispEdges;
}

.axis line,
.axis path {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
}

.axis text {
	text-shadow: 0 1px 0 #fff;
}

.win_lose {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: center;
	align-items: stretch;
	position: relative;
	height: 50%;
}

.first {
	width: 40%;
	flex-shrink: 0;
	
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: center;
	align-items: stretch;
	position: relative;
	height: 100%;
}

.AllRose{
	width: 70%;
	flex-shrink: 0;
}

.Rose_DIV{
	width: 30%;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-content: center;
	align-items: stretch;
	position: relative;
}

.Rose_ONE{
	width: 100%;
	flex-shrink: 0;
	height: 50%;
}
.Rose_TWO{
	width: 100%;
	flex: 1;
	height: 50%;
}


.svg_rose {
	width: 100%;
	height: 100%;
}

.second {
	width: 60%;
	flex: 1;
}
.svg_barChart {
	width: 100%;
	height: 100%;
}
